<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>门禁设备</title>
    <link href="../lib/layui/css/layui.css" rel="stylesheet" type="text/css" media="screen"/>
    <script src="../lib/layui/layui.js" type="text/javascript"></script>
    <script src="../js/deviceinfo/accessDevice.js" type="text/javascript"></script>

    <script id="barDemo" type="text/html">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>
    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
        </div>
    </script>
</head>
<body class="layui-layout-body" style="background-color: white">
<div class="layui-layout layui-layout-admin">
<!--    <div th:replace="common/include :: basicHeader"></div>-->
<!--    <div th:replace="common/include :: basicLeft(activeUri='device')"></div>-->
<!--    <div style="margin-left: 200px;padding: 5px;">-->
        <div style="display: none" id="oneEdit">
            <form id="oneEditForm" lay-filter="oneEditForm" class="layui-form">
                <input name="id" style="display: none">
                <div class="layui-form-item" style="margin-top: 10px">
                    <div class="layui-inline">
                        <label class="layui-form-label">设备序列号:</label>
                        <div class="layui-input-inline" style="width: 270px">
                            <input type="text" name="devCode" placeholder="请输入设备序列号" lay-verify="required" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" >
                    <div class="layui-inline">
                        <label class="layui-form-label">楼栋位置:</label>
                        <div class="layui-input-inline" style="width: 270px">
                            <select id="areaId" name="areaId" lay-filter="areaId" lay-search=""></select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">安装位置:</label>
                        <div class="layui-input-inline" style="width: 270px">
                            <input type="text" name="lockName" placeholder="请输入安装位置" lay-verify="required" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">WiFi名称:</label>
                        <div class="layui-input-inline" style="width: 270px">
                            <input type="text" name="wifiName" placeholder="请输入WiFi名称" lay-verify="required" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">WiFi密码:</label>
                        <div class="layui-input-inline" style="width: 270px">
                            <input type="text" name="wifiPsw" placeholder="请输入WiFi密码" lay-verify="required" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">蓝牙名称:</label>
                        <div class="layui-input-inline" style="width: 270px">
                            <input type="text" name="btName" placeholder="请输入蓝牙名称" lay-verify="required" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">蓝牙密钥:</label>
                        <div class="layui-input-inline" style="width: 270px">
                            <input type="text" name="btPsw" placeholder="请输入蓝牙密钥" lay-verify="required" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="oneSubmit">提交</button>
                    </div>
                </div>
            </form>
        </div>

<!--        <div style="display: none" id="threeEdit">-->
<!--            <form id="threeEditForm" lay-filter="threeEditForm" class="layui-form">-->
<!--                <input name="id" style="display: none">-->
<!--                <input name="type" value="业主室内机" style="display: none">-->
<!--                <div class="layui-form-item" id="threeDeviceDiv">-->
<!--                    <p style="margin-left: 9px;margin-top: 10px">请选择当前创建所对应的系统设备:</p>-->
<!--                    <div style="width: 400px;margin-left: 9px;margin-top: 10px">-->
<!--                        <select name="deviceId" id="threeDevice" lay-verify="required"></select>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-inline">-->
<!--                        <label class="layui-form-label">名称:</label>-->
<!--                        <div class="layui-input-inline" style="width: 270px">-->
<!--                            <input type="text" name="deviceName" lay-verify="required" autocomplete="off"-->
<!--                                   class="layui-input">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-inline">-->
<!--                        <label class="layui-form-label">描述:</label>-->
<!--                        <div class="layui-input-inline" style="width: 270px">-->
<!--                            <input type="text" name="description" lay-verify="required" autocomplete="off"-->
<!--                                   class="layui-input">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-inline">-->
<!--                        <label class="layui-form-label">请添加所在楼栋:</label>-->
<!--                        <div class="layui-input-inline" style="width: 100px">-->
<!--                            <select name="buildingLoc" id="threeBuilding" lay-filter="threeBuildLoc" lay-verify="required"></select>-->
<!--                        </div>-->
<!--                        <label class="layui-form-label" style="width: 40px">房间:</label>-->
<!--                        <div class="layui-input-inline" style="width: 90px">-->
<!--                            <select name="roomLoc" id="threeRoom" lay-verify="required"></select>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-inline">-->
<!--                        <label class="layui-form-label">请设置呼叫代码:</label>-->
<!--                        <div class="layui-input-inline" style="width: 270px">-->
<!--                            <input type="text" name="callNumber" lay-verify="required|number" autocomplete="off"-->
<!--                                   class="layui-input">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-input-block">-->
<!--                        <button class="layui-btn" lay-submit="" lay-filter="threeSubmit">提交</button>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </form>-->
<!--        </div>-->

<!--        <div style="display: none" id="fourEdit">-->
<!--            <form id="fourEditForm" lay-filter="fourEditForm" class="layui-form">-->
<!--                <input name="id" style="display: none">-->
<!--                <input name="type" value="物业室内机" style="display: none">-->
<!--                <div class="layui-form-item" id="fourDeviceDiv">-->
<!--                    <p style="margin-left: 9px;margin-top: 10px">请选择当前创建所对应的系统设备:</p>-->
<!--                    <div  style="width: 400px;margin-left: 9px;margin-top: 10px">-->
<!--                        <select name="deviceId" id="fourDevice" lay-verify="required"></select>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-inline">-->
<!--                        <label class="layui-form-label">名称:</label>-->
<!--                        <div class="layui-input-inline" style="width: 270px">-->
<!--                            <input type="text" name="deviceName" lay-verify="required" autocomplete="off"-->
<!--                                   class="layui-input">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-inline">-->
<!--                        <label class="layui-form-label">描述:</label>-->
<!--                        <div class="layui-input-inline" style="width: 270px">-->
<!--                            <input type="text" name="description" lay-verify="required" autocomplete="off"-->
<!--                                   class="layui-input">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-inline">-->
<!--                        <label class="layui-form-label">请添加所在楼栋:</label>-->
<!--                        <div class="layui-input-inline" style="width: 100px">-->
<!--                            <select name="buildingLoc" lay-filter="fourBuildLoc" id="fourBuilding" lay-verify="required"></select>-->
<!--                        </div>-->
<!--                        <label class="layui-form-label" style="width: 40px">房间:</label>-->
<!--                        <div class="layui-input-inline" style="width: 90px">-->
<!--                            <select name="roomLoc" id="fourRoom" lay-verify="required"></select>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-inline">-->
<!--                        <label class="layui-form-label">请设置呼叫代码:</label>-->
<!--                        <div class="layui-input-inline" style="width: 270px">-->
<!--                            <input type="text" name="callNumber" lay-verify="required|number" autocomplete="off"-->
<!--                                   class="layui-input">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item" style="display: none;" >-->
<!--                    <div class="layui-inline">-->
<!--                        <label class="layui-form-label">被呼叫顺序:</label>-->
<!--                        <div class="layui-input-inline" style="width: 270px">-->
<!--                            <input type="text" name="call_order"   autocomplete="off"-->
<!--                                   class="layui-input">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-input-block">-->
<!--                        <button class="layui-btn" lay-submit="" lay-filter="fourSubmit">提交</button>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </form>-->
<!--        </div>-->

        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">门禁管理</li>
<!--                <li>业主室内机</li>-->
<!--                <li>物业室内机</li>-->
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <form class="layui-form" id="oneForm">
                        <label>所在小区:</label>
                        <div class="layui-input-inline">
                            <select id="communityLocation" lay-filter="communityLocation"></select>
                        </div>
                        <label>所在楼栋:</label>
                        <div class="layui-input-inline">
                            <select id="buildingLocation" lay-filter="buildingLocation" lay-search=""></select>
                        </div>
                        <div class="layui-input-inline">
                            <select id="searchField" lay-search="">
                                <option value="lock_name">门禁名称</option>
                            </select>
                        </div>
                        <div class="layui-input-inline">
                            <input id="searchString" class="layui-input" placeholder="请输入关键字搜索">
                        </div>
                        <label>门禁状态:</label>
                        <div class="layui-input-inline">
                            <select id="lockState" lay-filter="lockState">
                                <option value="">全部</option>
                                <option value="1">开门</option>
                                <option value="0">关门</option>
                                <option value="-1">离线</option>
                            </select>
                        </div>
<!--                        <label>开门类型:</label>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <select id="openType" lay-filter="openType">-->
<!--                                <option value="">全部</option>-->
<!--                                <option value="1">APP开门</option>-->
<!--                                <option value="2">刷卡开门</option>-->
<!--                                <option value="3">密码开门</option>-->
<!--                                <option value="4">视频开门</option>-->
<!--                                <option value="6">电话开门</option>-->
<!--                                <option value="7">室内机开门</option>-->
<!--                                <option value="8">刷脸开门</option>-->
<!--                            </select>-->
<!--                        </div>-->
                        <div class="layui-input-inline">
                            <button class="layui-btn" lay-submit="" lay-filter="oneQuery">查询</button>
<!--                            <button class="layui-btn" type="button" onclick="flushDevice()" >刷新设备</button>-->
                        </div>
                    </form>
                    <table id="oneTable" lay-filter="oneTable"></table>
                </div>
<!--                <div class="layui-tab-item">-->
<!--                    <form class="layui-form" id="threeForm">-->
<!--                        <label>所在楼栋:</label>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <select id="threeQueryBuilding" lay-filter="threeQueryBuildLoc"></select>-->
<!--                        </div>-->
<!--                        <label>所在房间:</label>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <select id="threeQueryRoom"></select>-->
<!--                        </div>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <input id="threeDeviceName" class="layui-input" placeholder="业主室内机名称">-->
<!--                        </div>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <button class="layui-btn" lay-submit="" lay-filter="threeQuery">查询</button>-->
<!--                            <button class="layui-btn layui-btn-primary" onclick="reloadThree()" type="button">重置</button>-->
<!--                            <button class="layui-btn" type="button" onclick="flushDevice()" >刷新设备</button>-->
<!--                        </div>-->
<!--                    </form>-->

<!--                    <table id="threeTable" lay-filter="threeTable"></table>-->
<!--                </div>-->
<!--                <div class="layui-tab-item">-->
<!--                    <form class="layui-form" id="fourForm">-->
<!--                        <label>所在楼栋:</label>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <select id="fourQueryBuilding" lay-filter="fourQueryBuildLoc"></select>-->
<!--                        </div>-->
<!--                        <label>所在房间:</label>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <select id="fourQueryRoom"></select>-->
<!--                        </div>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <input id="fourDeviceName" class="layui-input" placeholder="物业室内机名称">-->
<!--                        </div>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <button class="layui-btn" lay-submit="" lay-filter="fourQuery">查询</button>-->
<!--                            <button class="layui-btn layui-btn-primary" onclick="reloadFour()" type="button">重置</button>-->
<!--                            <button class="layui-btn" type="button" onclick="flushDevice()" >刷新设备</button>-->
<!--                        </div>-->
<!--                    </form>-->
<!--                    <table id="fourTable" lay-filter="fourTable"></table>-->
<!--                </div>-->
            </div>
        </div>
</div>
</body>
</html>